@import "./animate.css";
@import "./materialdesignicons.min.css";
@import "./jquery-confirm.min.css";
@import "./bootstrap.min.css";
@import "./bootstrap-datetimepicker.min.css";
/* 搜索框 */
@import "./bootstrap-select.min.css";
/* 富文本 */
@import "./summernote.css";
@import "./style.css";


/* 垂直居中只有图片的页面，例如：状态页，欢迎页等类似页面 */


/* start */

.layout-container,
.layout-content,
.container-fluid,
.card {
    height: 100%;
}

.welcome.card {
    position: relative;
}

.welcome.card .card-body {
    width: 440px;
    height: 340px;
    margin-left: -220px;
    margin-top: -170px;
    position: absolute;
    left: 50%;
    top: 50%;
}


/* end */

.title {
    font-size: 26px;
    color: #636363;
}

.sub_title {
    font-size: 12px;
    color: #999;
}


/* .form-group {
    margin-bottom: 0;
} */

.upload input {
    width: 240px;
    height: 38px;
    line-height: 38px;
}

.upload input[type="text"] {
    position: relative;
    border: 1px solid #eee;
    border-radius: 4px;
}

.upload input[type="file"] {
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.upload button {
    position: absolute;
    left: 200px;
    top: 0;
    background: #4656ea;
    color: #fff;
    border: none;
    height: 38px;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    padding: 0 15px;
}

input::-webkit-input-placeholder {
    color: #aab2bd;
    /* placeholder颜色  */
    font-size: 13px;
    /* placeholder字体大小  */
    /* text-align: right; */
    /* placeholder位置  */
    padding-left: 4px;
}

.form-horizontal .control-label {
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin: 0;
}

.calendar-container {
    position: relative;
}

.calendar-container input {
    background-color: #fff !important;
}

.calendar-container .mdi-calendar-text {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 16px;
    color: #999;
}

.datetimepicker {
    font-size: 13px;
}

.sign {
    color: rgb(230 27 27);
    margin-right: 2px;
}

.qw-search.card .card-body {
    overflow: visible;
}


/* 卡片布局去间距 */

@media screen and (min-width:320px) and (max-width:414px) {
    .card-layout .col-sm-6:nth-child(2n+1) {
        padding-right: 15px;
    }
}

@media screen and (min-width:768px) {
    .card-layout .col-sm-6:nth-child(2n+1) {
        padding-right: 0;
    }
}